<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<!-- 载入文章头部页面，位置在/client文件夹下的header模板页面，模板名称th:fragment为header -->
<div th:replace="/client/header::header(null,null)"/>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
      integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<div>
    <div class="container" style="padding-top: 100px">
        <h2>今日推荐</h2>
        <a href="##" class="more">查看更多>></a>
        <div class="row">
            <th:block>
                <th:block th:each="goods : ${goodsList}">
                    <div class="col-sm-2 border-0">
                        <div class="card-deck shadow">
                            <div class="card-body text-center">
                                <a th:href="@{'/goods/'+${goods.id}}">
                                    <img class="card-img-top" th:src="@{${goods.image}}" alt="loading..." width="150px" height="150px">
                                    <div class="card-body">
                                        <h5 class="card-title" th:text="${goods.title}">title</h5>
                                        <p class="card-text text-danger">¥<span class="item_price" th:text="${goods.price}"></span></p>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>
                </th:block>
            </th:block>
        </div>

        <hr>
        <br>
        <h2>美味菜谱 - 灵感发源地</h2>
        <a href="##" class="more">查看更多>></a>
        <div class="row">
            <th:block>
                <th:block th:each="menu : ${menuList}">
                    <div class="col-sm-3 border-0">
                        <div class="card-deck">
                            <div class="card-body text-center">
                                <a th:href="@{'/menu/'+${menu.id}}">
                                    <img class="card-img-top" th:src="@{${menu.image}}" alt="loading..." height="120px">
                                    <div class="card-body">
                                        <h5 class="card-title" th:text="${menu.title}">title</h5>
                                        <p class="card-text" th:utext="${commons.intro2(menu.content,40)}"></p>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>
                </th:block>
            </th:block>
        </div>
    </div>
</div>
<!-- 载入文章尾部页面，位置在/client文件夹下的footer模板页面，模板名称th:fragment为footer -->
<div th:replace="/client/footer::footer"/>
</html>
